<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // yield 是 Generator 函数的核心，它控制函数的暂停和恢复。当执行到 yield 时，函数会 暂停，
    // 并返回 yield 后面跟着的值。每次通过 next() 方法调用生成器时，函数会从上次暂停的地方继续执行。

    //     yield 可以暂停函数并返回一个值。
    //     你可以通过 next() 方法来恢复函数执行，继续执行到下一个 yield。

    const gen = myGenerator();

        console.log(gen.next());  // { value: 1, done: false }
        console.log(gen.next());  // { value: 2, done: false }
        console.log(gen.next());  // { value: 3, done: false }
        console.log(gen.next());  // { value: undefined, done: true }

</script>
</html>